import React, {Component} from 'react'
import './style.scss'
export const SearchList = (props) => {
    return (
        <div className='search-list' onMouseEnter={props.onMouseEnter} onMouseLeave={props.onMouseLeave}>

            <span>热门搜索</span><span className='change-search-keys' ref={()=>{}} onClick={props.changeSearchKeys}>换一换</span>
            <div>
                {
                    props.searchKeys.map((title,index)=>{
                        return <span key={index} className='hot-search-key'>{title}</span>
                    })
                }
            </div>
        </div>
    )
}